<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择器权重</title>
		<style>
			. d{/*权值：10*/
				background-color: aquamarine;
			}
			div{/*权值：1*/
				background-color: #ff0000;
			}
			#d1{/*权值：100*/
				background-color: #00aaff;
			}
			*{/*权值：0*/
				background-color: #5500ff;
			}
			#d1:hover{/*伪类 算和 权值：10*/
				background-color: #ffff00;
			}
			/*加权写法：元素选择器+任意选择器【组合】*/
			div#d1{/*权值：101*/
				background-color: #ffaaff;
			}
		</style>
	</head>
	<body>
		<!--选择器存在权值，所学所有选择器抓同一个元素
		（不建议）内联样式表          权值：1000
		id选择器      权值：100
		类选择器，伪类选择器     权值：10
		元素选择器			权值：1
		通用选择器            权值：0
		权值算和：派生，子代，兄弟，权值高优先执行
		（不建议）破坏优先级    效果优先执行--属性值  ！important
		-->
		<div id="d1" class="d" style="background-color: #aaaa7f;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi dolore facere, accusamus omnis minus eveniet non officia adipisci ullam optio repellat iure placeat quidem excepturi cumque enim cupiditate necessitatibus impedit.</div>
	</body>
</html>